<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
     <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
     <!-- jqgrid-->
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/summernote/summernote.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/summernote/summernote-bs3.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <style>
		.note-editable{height: 150px}
    </style>
</head>

<body style="color:#333;padding:3px;">
    <!-- 标题 -->
    <div class="page-heade">
      <h1 class="title_color">产品质量投诉表</h1>
    </div>
    <!-- 标题 -->
    <div class="form-inline">
    <form action="">
      <table class="row-margin-top tab-content table-bordered table" border="1">
          <tr>
            <td class="text-right" style="width: 140px;min-width: 140px"><label for="" class="form-label">编号：</label></td>
            <td>&nbsp;</td>
            <td class="text-right"><label for="">申请人：</label></td>
            <td colspan="2"><a href="javascript:;">测试经理(华南大区)</a></td>
            <td class="text-right" style="width: 140px;min-width: 140px"><label for="">申请人联系方式<span class="colorRed">*</span>：</label></td>
            <td colspan="2">
              <input type="text" class="form-control" name=""> 
            </td>
        </tr>
        <tr>
			<td style="width: 140px;min-width: 140px">
				<label for="" class="form-label">质量投诉单位<span class="colorRed">*</span>：</label>
			</td>
			<td colspan="4"><input type="text" class="form-control" name=""></td>
			<td style="width: 120px;min-width: 120px" class="text-right">
					<label for="" class="form-label">电话<span class="colorRed">*</span>：</label>
			</td>
			<td colspan="2" ><input type="text" style="min-width:70px;width: 60px" class="form-control" name="">-<input type="text" style="min-width: 100px;width: 100px" class="form-control" name=""></td>
        </tr>
        <tr>
			<td style="width: 140px;min-width: 140px" >
				<label for="">经销商名称<span class="colorRed">*</span>：</label>
			</td>
			<td colspan="7">
			<input type="text" style="min-width: 200px;width: 200px" placeholder="请输入关键字或空格查询" class="form-control" name="">
			<a href="javascript:;">选择</a>
			</td>
        </tr>
        <tr>
			<td style="width: 140px;min-width: 140px" >
				<label for="">产品名称<span class="colorRed">*</span>：</label>
			</td>
			<td colspan="4">
				<input type="text" style="min-width: 200px;width: 200px" placeholder="请输入关键字或空格查询" class="form-control" name="">
			<a href="javascript:;">选择</a>
			</td>
			<td><label for="">箱包装：</label></td>
			<td colspan="2"><input type="text" readonly class="form-control" name=""></td>
        </tr>
        <tr>
			<td style="width: 140px;min-width: 140px" ><label for="">管尾号或瓶身喷码<span class="colorRed">*</span>：</label></td>
			<td><input type="text"  class="form-control" name=""></td>
			<td style="width: 140px;min-width: 140px" ><label for="">问题产品数量<span class="colorRed">*</span>：</label></td>
			<td><input type="text" class="form-control" name=""></td>
			<td style="width: 120px;min-width: 120px" ><label for="">发运单位数量：</label></td>
			<td><input type="text" readonly class="form-control" name=""></td>
			<td style="width: 120px;min-width: 120px" ><label for="">到货日期<span class="colorRed">*</span>：</label></td>
			<td>
				 <div class="form-group">
            	<input type="text" id="start" class="form-control layer-date " style="min-width: 80px;width: 80px; height: 26px;display: inline-block;" name="">
           	</div>
			</td>
        </tr>
        <tr>
			<td colspan="8">产品质量异常情况及数量<span class="colorRed">(*1000字以内)</span></td>
        </tr>
        <tr>
			<td colspan="8">
				 <div class="ibox float-e-margins" style="margin-bottom: 0">
                    <div class="ibox-content no-padding">

                        <div class="summernote">
                           
                        </div>

                    </div>
                </div>
			</td>
        </tr>
        <tr>
			<td colspan="8">
				温馨提示：本编辑器不支持复杂表单提交，复杂表单请以附件形式提交
			</td>
        </tr>
          <tr>
			<td colspan="8">
				申请人必须现场核实情况方可作以下申请
			</td>
        </tr>
         <tr>
			<td>
				申请人
			</td>
			<td colspan="7">
				<textarea name="" id="" class="form-control" style="user-select:none;min-width: 70%;height: 120px"></textarea><span  style="vertical-align: bottom;">(500)</span>
			</td>
        </tr>
          
      </table>
      <div class="form-group" style="margin:20px 10px 20px 20px">
        <input type="file" id="exampleInputFile">
        <p class="help-block" style="color:#1295d2">注：最多上传15个文件，每个文件小于50M,支持格式：</p>
        <p class="help-block" style="color:#1295d2">jpg,bnp,gif,png,jpeg,tif,raw,doc,docx,xls,xlsx,ppt,pptx,txt,pdf,rar,zip,mp4,avi,rmvb,rm,mid,3gp,AVI,3GP,,mpg,mp3,wma,wav</p>
    </div>
     <div class="row sub_btn" style="width:100%;text-align:center;padding: 20px 0">
        <input type="submit" class="btn btn-success" value="保存为草稿">
        <input type="submit" class="btn btn-info" value="保存并提交流程">
        <input type="submit" class="btn btn-warning" value="返回" onclick="back()">
    </div>
</form>
    </div>
    <!-- 全局js -->
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="__STATIC__/layout/js/plugins/summernote/summernote.min.js"></script>
    <script src="__STATIC__/layout/js/plugins/summernote/summernote-zh-CN.js"></script>
    <!--统计代码，可删除-->
    <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
    <script>
    	   $(document).ready(function () {

            $('.summernote').summernote({
                lang: 'zh-CN'
            });
        });
        //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: '#end',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate(start);
        laydate(end);
        function back(){
            history.go(-1)
        }
    </script>
</body>

</html>
